
<!-- Copyright 2010 John L. Reilly
 
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.   --> 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html> 
<head> 
<title>FirstResponder</title> 
 
<script type="text/javascript"> 
 
function detectScrollbar()
{
  if (navigator.appName == "Microsoft Internet Explorer")
  {
    window.name=document.body.scrollTop;
  }
  else
  {
    window.name=window.pageYOffset;
  }
}
 
function doScroll()
{
   if (window.name) window.scrollTo(0, window.name);
}
 
// toggles the div, switches the header text, saves state in cookie
function toggle2(showHideDiv, switchTextDiv) {
  var ele = document.getElementById(showHideDiv);
  var text = document.getElementById(switchTextDiv);
  if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "show";
    setCookie(showHideDiv, 'closed', 7);
    }
  else {
    ele.style.display = "block";
    text.innerHTML = "hide";
    setCookie(showHideDiv, 'open', 7);
 
  }
}
 
// same as toogle2 except takes array (intended to toggle all divs)
function toggle3(contentDiv, controlDiv) {
        if (contentDiv.constructor == Array) {
                for(i=0; i < contentDiv.length; i++) {
                     toggle2(contentDiv[i], controlDiv[i]);
                }
        }
        else {
               toggle2(contentDiv, controlDiv);
        }
}
 
 
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return "";
}
 
 
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toUTCString());
}
 
 
</script> 
 
 
 
<!--META--> 
<meta http-equiv="content-type"  content="text/html; charset=utf-8"/> 
<meta name="viewport" content="width=device-width" /> 
 
<!--STYLESHEET--> 
<link rel="stylesheet" type="text/css" href="stylesheets/static.css" /> 
</head> 
 
<body> 
<!--FIXED HEADERS--> 
<div class="headwrap"> 
<div class="hBlack"> 
<div class="headerLeftTop">FirstResponder</div> 
<div class="headerRightTop">ver 0.9</div> 
<div class="headerLeftBottom">Main</div> 
<div class="headerRightBottom">12:34 PM</div> 
</div> 
<div class="hGray"> 
  <a class="buttonGrayHdr gSelected" href="mainMenu.html">Main</a> 
  <a class="buttonGrayHdr" href="commandMenu.html">Command</a> 
  <a class="buttonGrayHdr" href="department?action=display">Admin</a> 
</div> 
</div> 
 
<div class="outwrap"> 
<div class="headerPlugShort"></div> 
 
<div class="gold upper" >99 ELM STREET [MOUNTAIN LAKES] (TEST ALERT)</div> 
 
<div id="centeredButtons"><ul><li> 
<a class="button blue wide tall first"
   href="reportingPrep?intent=addResources&alertId=101841&deptId=101524"> 
   Refresh / Reset</a></li></ul></div> 
 
<div id="centeredButtons"><ul><li> 
<a class="button blue wide tall"
   href="reportingPrep?intent=allLocations&alertId=101841&deptId=101524"> 
   Cancel / Back</a></li></ul></div> 
   
<div id="centeredButtons"><ul><li> 
<a class="button green wide tall last" 
   href=" #" onclick="javascript:document.forms[0].submit();return false;"> 
   Save</a></li></ul></div> 
 
<form action="/resources?action=add&intent=resourcesAdded&format=multi" method="post"> 
<input type=hidden name="alertId" value="101841"></input> 
<input type=hidden name="deptId" value="101524"></input> 
<input type=hidden name="intent" value="allLocations"></input> 
 
<div class="sub black">Locations</div> 
 
 
 
 
  <div class="sub gold" style="text-align: left; width: 80%; height: 60px; 
  border-top: solid black 1px;
  font-size: 16px; padding: 12px 10px 8px">GVFD
  </div> 
 
  
  <a class="sub subB button" style="clear:none; background-color: goldenrod; 
  border: 0px solid black; text-align: right; width: 20%; height: 60px; color:black;
  border-top: solid black 1px" 
  id="deptHdr101524"  
  href="javascript:toggle2('deptCon101524', 'deptHdr101524');" >hide</a> 
  
  <div id="deptCon101524" style="display: block;"> 
    
 
 
  <label> 
     <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px">Apparatus
     </div> 
  </label> 
  <label> 
    <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
    href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="locHdr101524|Apparatus"  
       href="javascript:toggle2('locCon101524|Apparatus', 'locHdr101524|Apparatus');" >hide</a> 
  </label> 
  <div id="locCon101524|Apparatus" style="display: block;"> 
   
  <label for="101531|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101531|loc" type="checkbox" name="locationId" 
      value="101531"/> 
      <label for="101531|loc">Engine 1</label> 
  </div></div> 
  </label>  
   
  <label for="101562|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101562|loc" type="checkbox" name="locationId" 
      value="101562"/> 
      <label for="101562|loc">Engine 2</label> 
  </div></div> 
  </label>  
   
  <label for="101587|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101587|loc" type="checkbox" name="locationId" 
      value="101587"/> 
      <label for="101587|loc">Rescue 1</label> 
  </div></div> 
  </label>  
   
  </div> 
  
  <label> 
     <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px">Medical
     </div> 
  </label> 
  <label> 
    <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
    href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="locHdr101524|Medical"  
       href="javascript:toggle2('locCon101524|Medical', 'locHdr101524|Medical');" >hide</a> 
  </label> 
  <div id="locCon101524|Medical" style="display: block;"> 
   
  <label for="101836|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101836|loc" type="checkbox" name="locationId" 
      value="101836"/> 
      <label for="101836|loc">Rehab 1</label> 
  </div></div> 
  </label>  
   
  </div> 
  
  <label> 
     <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px">Response
     </div> 
  </label> 
  <label> 
    <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
    href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="locHdr101524|Response"  
       href="javascript:toggle2('locCon101524|Response', 'locHdr101524|Response');" >hide</a> 
  </label> 
  <div id="locCon101524|Response" style="display: block;"> 
   
  <label for="101527|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101527|loc" type="checkbox" name="locationId" 
      value="101527"/> 
      <label for="101527|loc">Post One</label> 
  </div></div> 
  </label>  
   
  <label for="101528|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101528|loc" type="checkbox" name="locationId" 
      value="101528"/> 
      <label for="101528|loc">Not Responding</label> 
  </div></div> 
  </label>  
   
  <label for="101565|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101565|loc" type="checkbox" name="locationId" 
      value="101565"/> 
      <label for="101565|loc">Scene</label> 
  </div></div> 
  </label>  
   
  </div> 
  
<div class="sub black">Members</div>  
 
  
  <label> 
    <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px"> 
        Chief
    </div> 
  </label> 
  
  <label> 
  <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
  href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="memHdr101524|Chief"  
     href="javascript:toggle2('memCon101524|Chief', 'memHdr101524|Chief');" >hide</a> 
  </label> 
      
  <div id="memCon101524|Chief" style="display: block;">  
  
  
  <label for="101526|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101526|loc" type="checkbox" name="memberId" 
      value="101526"/> 
      <label for="101526|loc">John Reilly</label> 
  </div></div> 
  </label> 
  
  <label for="101714|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101714|loc" type="checkbox" name="memberId" 
      value="101714"/> 
      <label for="101714|loc">Joe Mullaney</label> 
  </div></div> 
  </label> 
  
  
  <label> 
    <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px"> 
        Firefighter
    </div> 
  </label> 
  
  <label> 
  <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
  href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="memHdr101524|Firefighter"  
     href="javascript:toggle2('memCon101524|Firefighter', 'memHdr101524|Firefighter');" >hide</a> 
  </label> 
      
  <div id="memCon101524|Firefighter" style="display: block;">  
  
  
  <label for="101532|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101532|loc" type="checkbox" name="memberId" 
      value="101532"/> 
      <label for="101532|loc">Bill Bender</label> 
  </div></div> 
  </label> 
  
  <label for="101540|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101540|loc" type="checkbox" name="memberId" 
      value="101540"/> 
      <label for="101540|loc">Steve Castellucci</label> 
  </div></div> 
  </label> 
  
  <label for="101716|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101716|loc" type="checkbox" name="memberId" 
      value="101716"/> 
      <label for="101716|loc">Brian Platt</label> 
  </div></div> 
  </label> 
  
  
  <label> 
    <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px"> 
        Officer
    </div> 
  </label> 
  
  <label> 
  <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
  href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="memHdr101524|Officer"  
     href="javascript:toggle2('memCon101524|Officer', 'memHdr101524|Officer');" >hide</a> 
  </label> 
      
  <div id="memCon101524|Officer" style="display: block;">  
  
  
  <label for="101715|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101715|loc" type="checkbox" name="memberId" 
      value="101715"/> 
      <label for="101715|loc">Matt Desantis</label> 
  </div></div> 
  </label> 
   
</div> 
 
 
 
 
  <div class="sub gold" style="text-align: left; width: 80%; height: 60px; 
  border-top: solid black 1px;
  font-size: 16px; padding: 12px 10px 8px">MLVFD
  </div> 
 
  
  <a class="sub subB button" style="clear:none; background-color: goldenrod; 
  border: 0px solid black; text-align: right; width: 20%; height: 60px; color:black;
  border-top: solid black 1px" 
  id="deptHdr101571"  
  href="javascript:toggle2('deptCon101571', 'deptHdr101571');" >hide</a> 
  
  <div id="deptCon101571" style="display: block;"> 
    
 
 
  <label> 
     <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px">Apparatus
     </div> 
  </label> 
  <label> 
    <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
    href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="locHdr101571|Apparatus"  
       href="javascript:toggle2('locCon101571|Apparatus', 'locHdr101571|Apparatus');" >hide</a> 
  </label> 
  <div id="locCon101571|Apparatus" style="display: block;"> 
   
  <label for="101577|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101577|loc" type="checkbox" name="locationId" 
      value="101577"/> 
      <label for="101577|loc">Engine 9</label> 
  </div></div> 
  </label>  
   
  </div> 
  
  <label> 
     <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px">Response
     </div> 
  </label> 
  <label> 
    <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
    href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="locHdr101571|Response"  
       href="javascript:toggle2('locCon101571|Response', 'locHdr101571|Response');" >hide</a> 
  </label> 
  <div id="locCon101571|Response" style="display: block;"> 
   
  <label for="101574|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101574|loc" type="checkbox" name="locationId" 
      value="101574"/> 
      <label for="101574|loc">Firehouse ML</label> 
  </div></div> 
  </label>  
   
  <label for="101575|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101575|loc" type="checkbox" name="locationId" 
      value="101575"/> 
      <label for="101575|loc">Not Responding ML</label> 
  </div></div> 
  </label>  
   
  </div> 
  
<div class="sub black">Members</div>  
 
  
  <label> 
    <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px"> 
        Chief
    </div> 
  </label> 
  
  <label> 
  <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
  href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="memHdr101571|Chief"  
     href="javascript:toggle2('memCon101571|Chief', 'memHdr101571|Chief');" >hide</a> 
  </label> 
      
  <div id="memCon101571|Chief" style="display: block;">  
  
  
  <label for="101839|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101839|loc" type="checkbox" name="memberId" 
      value="101839"/> 
      <label for="101839|loc">John Reilly</label> 
  </div></div> 
  </label> 
   
  </div> 
  
  
  <label> 
    <div class="sub white" style="clear:left; width: 60%; padding: 14px 10px 2px 10px"> 
        Firefighter
    </div> 
  </label> 
  
  <label> 
  <a class="sub green button" style="clear:none; color: white; text-align: right; width: 20%" 
  href="#" onclick="javascript:document.forms[0].submit();return false;">Save</a> 
  </label> 
  
  <label> 
  <a class="sub blue buttonright" style="clear:none; border: 0px solid black; 
      text-align: right; width: 20%; color: white; text-align: right" id="memHdr101571|Firefighter"  
     href="javascript:toggle2('memCon101571|Firefighter', 'memHdr101571|Firefighter');" >hide</a> 
  </label> 
      
  <div id="memCon101571|Firefighter" style="display: block;">  
  
  
  <label for="101572|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101572|loc" type="checkbox" name="memberId" 
      value="101572"/> 
      <label for="101572|loc">Don McNeill</label> 
  </div></div> 
  </label> 
  
  <label for="101573|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101573|loc" type="checkbox" name="memberId" 
      value="101573"/> 
      <label for="101573|loc">Steve Butera</label> 
  </div></div> 
  </label> 
  
  <label for="101840|loc"> 
  <div class="row" style="width: 100%"> 
  <div class="form-field"> 
      <input id="101840|loc" type="checkbox" name="memberId" 
      value="101840"/> 
      <label for="101840|loc">Bill Bender</label> 
  </div></div> 
  </label> 
   
</div> 
 
 
</form> 
    
<div class="hints">Quick Hints:</div> 
<div class="reportWrapper"> 
Select one or more Members and/or Locations to add to this Alert.  
Note: once resources have been added they cannot be deleted from the Alert.
</div> 
 
<!--FOOTER--> 
<div class="footer">FirstResponder</div> 
 
<!--OUTLINE WRAPPER --> 
</div> 
 
</body> 
</html> 
 